<template>
    <div>
      <header>
        <Header>
          <Login></Login>
        </Header>
      </header>
      <section>
        <swiper></swiper>
      </section>
      <section>
        <Livestream></Livestream>
      </section>
      <section>
        <courseList type="free" pagesize="10"><h1>免费课程</h1></courseList>
        <courseList type="boutique"><h1>精品课程</h1></courseList>
        <courseList type="discount"><h1>限时折扣课程</h1></courseList>
      </section>
      <footer>
        <Footer></Footer>
      </footer>
    </div>
</template>

<script>
import Header from "@/components/Header"
import courseList from "@/components/CourseList";
import swiper from "@/components/swiper";
import Footer from "@/components/Footer";
import Livestream from "@/components/Livestream";
import Login from "@/components/Login";
export default {
  name: "Index",
  components:{
    courseList,
    Header,
    swiper,
    Footer,
    Livestream,
    Login
  }
}
</script>

<style scoped>

</style>